﻿<%@ page import="java.util.*" %>
<%
String Code = (String)session.getAttribute("LanguageCode");
String SubCode = (String)session.getAttribute("LanguageSubcode");
Locale locale = new Locale(Code, SubCode);
ResourceBundle resource = ResourceBundle.getBundle("resource", locale);
%>

<table style="float:left; margin-left:20px;display:none;" class="detailtwo" name="resDetailGroup">
<tr>
<td colspan="3" width="100%"><div><b><%out.print(resource.getString("editReservation.ResDetail.resdetail"));%></b></div></td>
</tr>
<tr>
<td width="30%" >
<div><%out.print(resource.getString("editReservation.ResDetail.checkin"));%></div>
</td>
<td width="60%">
<input type="text" name="edit_res_resdetails_checkin_group" id="edit_res_resdetails_checkin" style="border:hidden; background-color:#E4E4E4; width:150px">
</td>
<td width="10%">
<img src="/images/components/editres/carendar.png" id="carlendar_checkin_Group" name="carlendar_checkin_Group" class="carlendar_checkin_Group" width="15px" height="15px" style="box-shadow: 2px 2px 5px #696969;"/>
</td>
</tr>
<tr>
<td>
<div><%out.print(resource.getString("editReservation.ResDetail.checkOut"));%></div>
</td>
<td>
<input type="text" name="edit_res_resdetails_checkout" id="edit_res_resdetails_checkout" style="border:hidden; background-color:#E4E4E4; width:150px">
</td>
<td>
<img src="/images/components/editres/carendar.png" width="15px" height="15px" style="box-shadow: 2px 2px 5px #696969;" id="carlendar_checkout_Group" name="carlendar_checkout_Group" class="carlendar_checkout_Group"/>
</td>
</tr>
<tr>
<td colspan="3">
<div><div style="float:left;"><%out.print(resource.getString("editReservation.ResDetail.Duration"));%>&nbsp;</div> <div  style="float:left;"><span id="edit_res_resdetails_restime">1</span></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<%out.print(resource.getString("editReservation.ResDetail.night"));%></div></div>
</td>
</tr>
<tr>
<td><div><%out.print(resource.getString("editReservation.ResDetail.extrabad"));%></div></td>
<td>
<select id="edit_res_resdetails_extarbed" name="edit_res_resdetails_extarbed" style="height:20px; width:40px">
</select>
</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><div><%out.print(resource.getString("editReservation.ResDetail.objective"));%></div></td>
<td>
<input type="text" name="edit_res_resdetails_objective" id="edit_res_resdetails_objective" style="border:hidden; background-color:#E4E4E4; width:150px">
</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><%out.print(resource.getString("editReservation.ResDetail.atcome"));%></td>
<td>
<select id="edit_res_resdetails_provenance" name="edit_res_resdetails_provenance" style="height:20px; width:150px"></select>
</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="3"><div class="link" name="SavedetailG" onclick="SavedetailG()" style="color:#4448DB; margin-right:10px; float:right;"><%out.print(resource.getString("editReservation.ResDetail.save"));%></div>
</td>
</tr>
</table>

<table style="float:left; margin-left:20px;" class="detailtwo" name="resDetailSingle">
<tr>
<td colspan="3" width="100%"><b><%out.print(resource.getString("editReservation.ResDetail.resdetail"));%></b></td>
</tr>
<tr>
<td width="30%"><%out.print(resource.getString("editReservation.ResDetail.checkin"));%></td>
<td width="60%">
<input type="text" name="edit_res_resdetails_checkin_S" id="edit_res_resdetails_checkin_S" style="border:hidden; background-color:#E4E4E4; width:150px">
</td>
<td width="10%">
<img name="carlendar_checkin_S" id="carlendar_checkin_S" src="/images/components/editres/carendar.png" width="15px" height="15px" style="box-shadow: 2px 2px 5px #696969;" class="carlendar_checkin_S"/>
<script>
$(function () {
	$("[id*=carlendar_checkin_]").click(function(){
		SelectDateTimePicker($("[id*=edit_res_resdetails_checkin]:visible").get(0),"bottom",getDate(),null,function(val,dom,isChanged){
			if(!isChanged) return;
			var checkoutDate = $("[id*=edit_res_resdetails_checkout]:visible").val().getDate();
			if(val.getDate() > checkoutDate)
				$("[id*=edit_res_resdetails_checkout]:visible").val(val);
				
			checkoutDate = $("[id*=edit_res_resdetails_checkout]:visible").val().getDate();
			var checkinDate = $("[id*=edit_res_resdetails_checkin]:visible").val().getDate();
			$("[id*=edit_res_resdetails_restime]:visible").html(daysBetween(checkinDate,checkoutDate));
			
			$("[name=SavedetailG]").css("display","");
		},-100,-22);
	});
});
</script>
</td>
</tr>
<tr>
<td><%out.print(resource.getString("editReservation.ResDetail.checkOut"));%></td>
<td>
<input type="text" name="edit_res_resdetails_checkout_S" id="edit_res_resdetails_checkout_S" style="border:hidden; background-color:#E4E4E4; width:150px">
</td>
<td>
<img name="carlendar_checkout_S" id="carlendar_checkout_S" src="/images/components/editres/carendar.png" width="15px" height="15px" style="box-shadow: 2px 2px 5px #696969;" class="carlendar_checkout_S"/>
<script>
$(function () {
	$("[id*=carlendar_checkout_]").click(function(){
		var minDate = $("[id*=edit_res_resdetails_checkin]:visible").val().getDate();
		SelectDateTimePicker($("[id*=edit_res_resdetails_checkout]:visible").get(0),"bottom",minDate,null,function(val,dom,isChanged){
			if(!isChanged) return;
			var checkoutDate = $("[id*=edit_res_resdetails_checkout]:visible").val().getDate();
			var checkinDate = $("[id*=edit_res_resdetails_checkin]:visible").val().getDate();
			$("[id*=edit_res_resdetails_restime]:visible").html(daysBetween(checkinDate,checkoutDate));
		},-100,-22);
	});
});
</script>
</td>
</tr>
<tr>
<td colspan="3">
<div><div style="float:left;"><%out.print(resource.getString("editReservation.ResDetail.Duration"));%>&nbsp;</div><div style="float:left;"><span id="edit_res_resdetails_restime_S">1</span></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<%out.print(resource.getString("editReservation.ResDetail.night"));%></div></div>
</td>
</tr>
<tr>
<td><%out.print(resource.getString("editReservation.ResDetail.extrabad"));%></td>
<td>
<select id="edit_res_resdetails_extarbed_S" name="edit_res_resdetails_extarbed_S" style="height:20px; width:40px" >
</select>
</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><%out.print(resource.getString("editReservation.ResDetail.objective"));%></td>
<td>
<input type="text" name="edit_res_resdetails_objective_S" id="edit_res_resdetails_objective_S" style="border:hidden; background-color:#E4E4E4; width:150px">
</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><%out.print(resource.getString("editReservation.ResDetail.atcome"));%></td>
<td>
<select id="edit_res_resdetails_provenance_S" name="edit_res_resdetails_provenance_S" style="height:20px; width:150px"></select>
</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="3"><div>&nbsp;
<a href="javascript:void(0);" name="SavedetailG" onclick="SavedetailS()" style="color:#4448DB; margin-right:10px; float:right;"><%out.print(resource.getString("editReservation.ResDetail.save"));%></a></div>
</td>
</tr>
</table>